<template>
  <div class="filling">
    <div class="list">
      <p style="line-height:30px">
        <span class="listdate">2020-02-13 17:31:31</span>
      </p>
      <div style="padding:0 10px;">
        <p class="same">
          <span>补款金额：￥5</span>
          <span style="margin-left:15px;">状态：未使用</span>
        </p>
        <p class="same another">
          <span style="color:#747474;">交易单号：mmd1234645757564536738364574647</span>
          <span class="copy">复制</span>
        </p>
      </div>
    </div>
  </div>
</template><script>
export default {
  data(){
    return{

    }
  },
  methods:{

  }
}
</script>
<style lang="stylus" scoped>
.filling{
  padding 10px 0
  background #f8f8f8
  font-size 12px
  .list{
    padding 10px 0
    background #fff
    margin-bottom 10px
    .same{
      line-height 30px
      .copy{
        color #ffffff
        background #fa5d52
        padding 0 12px
        border-radius 5px
      }
    }
    .another{
      display flex
      justify-content space-between
      align-items center
    }
    .listdate{
      background #9190f8
      padding 5px 10px
      border-top-right-radius 20px
      border-bottom-right-radius 20px
      font-size 14px
      color #e0e5f3
    }
  }
}
</style>


